<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Motion Sample</title>
</head>
<body>
	<div class="content">
		<div class="header">
			<img class="head-icon" src="img/headicon.png" >
			<div class="line"></div>
			<div class="myname">
				Mantle
			</div>
			<div class="email">
				<img class="email-icon" src="img/email.png">
				<div class="email-url">15014195593@163.com</div>
			</div>
			<img class="qr" src="img/qr.jpg" >
		</div>
		<div class="footer">
			<img class="penguin" src="img/penguin.png" >
			<div class="bar"></div>
			<div class="footer-text">
				30% OFF
			</div>
			<div class="contact">
				<div class="clickme">CLICK ME</div>
				<div class="arrow">→</div>
				<svg class="tick">
					<polyline class="tick-line" fill="none" stroke="#000" stroke-width="6" points="8,20 20,32 40,8" stroke-linecap="round" stroke-linejoin="round"></polyline>
				</svg>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript">
	document.write('<link rel="stylesheet" type="text/css" href="css/main.css?v='+ Math.random() +'"'+'/>')
	document.write('<script src="js/arknights-motion.js?v='+ Math.random() +'" type="text/javascript" charset="utf-8"></'+'script'+'>')
	document.write('<script src="js/main.js?v='+ Math.random() +'" type="text/javascript" charset="utf-8"></'+'script'+'>')
</script>
</html>